<template>
	<div id="home">
		<div id="onepage">
			<Header></Header>
			<Carousel></Carousel>
		</div>
		<div id="twopage" >
			<span id="test">陆奥</span>
			<div id="card_box" class="container row" >
				<div id="card1" class="card col">
					<Card></Card>
				</div>
				
				<div id="card2" class="card col">
					<Card></Card>
				</div>
				<div id="card3" class="card col">
					<Card></Card>
				</div>
			</div>
		</div>


	</div>
</template>

<script>
	import Carousel from '../components/home/carousel.vue'
	import Header from '../components/home/header.vue'
	import Search from '../components/home/search.vue'
	import Card from '../components/home/dynamicCard.vue'

	export default {
		name: "home",
		data() {

		},
		components: {
			Carousel,
			Header,
			Search,
			Card
		},
		mounted() {


		},

		methods: {

		}
	}
</script>

<style scoped>
	#test{
		font-size: 20px;
	}

	#twopage {
		margin-top: 0;
		height: 800px;
		background-image: url(../assets/background_img.jpg);
		background-size: 100% 100%;
	}

	#card_box {
		padding-top: 20px;
		background-color: #009688;
	}
	.card{
		text-align: center;
	}

</style>
